{% extends 'IcsocUIBundle::base.html.twig' %}
{% block content %}
    <div>
        <div class="dd">
            <ol class="dd-list">
                <li class="dd-item item-red" data-id="7"><div class="dd-handle">Item 7</div></li>
            </ol>
        </div>
        <div class="dd dd-draghandle">
            <ol class="dd-list">
                <li class="dd-item dd2-item dd-colored" data-id="17">
                    <div class="dd-handle dd2-handle btn-info">
                        <i class="normal-icon ace-icon fa fa-pencil-square-o"></i>
                        <i class="drag-icon ace-icon fa fa-arrows"></i>
                    </div>
                    <div class="dd2-content btn-info no-hover">Published Articles</div>
                </li>
            </ol>
        </div>
    </div>
{% endblock %}
{% block footer %}
    {% javascripts
    '@nestable_js'
    filter='uglifyjs'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
    <script type="text/javascript">
        $('.dd').nestable();
        $('.dd-handle a').on('mousedown', function(e){
            e.stopPropagation();
        });
    </script>
{% endblock %}